<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>css样式</title>
		<style>
			/*
			 * 伪类选择器
			 * 
			 */
			
			
			a:link {
				color: red;
			}
			
			a:hover {
				color: blue;
			}
			
			a:active {
				color: aqua;
			}
			
			a:visited {
				color: darkgray;
			}
			
			/*
			 * float样式属性
			 */
			li{
				float: left;
				list-style-type: none;
				width: 80px;
				background-color: antiquewhite;
			}
			li a{
				border-right: solid 1px white;
				text-align: center;
				text-decoration: none;
				float: left;
				width: 98%;
				margin: 5px 3px 2px 1px;
				/*width: 80px;*/
				/*border-right-style:solid ;
				border-right-color: white;
				border-right-width:1px ;*/
			}
		</style>
	</head>

	<body>
		<a href="https:www.baidu.com" target="_blank">打开百度2</a>
		<a href="https:mail.163.com" target="_blank">打开网易邮箱</a>
		<hr />
		<ul>
			<li>
				<a href="#">首页</a>
			</li>
			<li>
				<a href="#">用户管理</a>
			</li>
			<li>
				<a href="#">购物车</a>
			</li>
			<li>
				<a href="#">订单</a>
			</li>
			<li>
				<a href="#">退出</a>
			</li>
		</ul>

	</body>

</html>